<:!:/>

@file searchbox.html
@author Alejandro Dario Simi
@date $Date: 2013-06-05 00:31:35 +0000 (Wed, 05 Jun 2013) $

$Id: searchbox.html 69 2013-06-05 00:31:35Z daemonraco@gmail.com $
$URL: http://wcomix.googlecode.com/svn/tags/wcomix-1.0.0.2/themes/default/templates/right-tools/searchbox.html $

<::/><style type="text/css">
	#SearchToolForm, #SearchToolForm table, #SearchToolForm table tr, #SearchToolForm table tr td {
		margin-left: auto;
		margin-right: auto;
		width: 100%;
	}
	#SearchToolForm table tr td input{
		margin-left: auto;
		margin-right: auto;
		width: 95%;
	}
	#SearchToolForm table tr td select {
		margin-left: auto;
		margin-right: auto;
		width: 100%;
	}
	#SearchToolForm table {
		border-collapse: collapse;
		border-spacing: 0px;
	}
</style>
<script type="text/javascript">
	function Search() {
		var type = $("#SEARCH_TYPE").val();
		var url = "?action=<:VAR:/>WC_ACTION_SEARCH<::/>&group=<:VAR:/>GROUP-ID<::/>&pattern=" + $("#SEARCH_PATTERN").val();

		if(type != "") {
			url += "&O-" + type + "=on";
		}

		document.location.href = url;
	}
</script>
<form id="SearchToolForm" class="WCSortCuts_avoid" action="#" onSubmit="Search();return false;">
	<table><tr>
		<td>
			<input id="SEARCH_PATTERN" type="search"<:ISSET:var=seach-pattern:/> value="<:VAR:/>seach-pattern<::/>"<::/>/>
		</td>
	</tr><tr>
		<td>
			<select id="SEARCH_TYPE">
				<option value="" selected="selected">Anything</option>
				<option value="CL">Only Collections</option>
				<option value="TA">Only Tags</option>
				<option value="DI">Only Directorires</option>
				<option value="CX">Only Comics</option>
				<option value="RL">Only Rules</option>
			</select>
		</td>
	</tr></table>
</form>